<!-- SHAPES & SIZES -->
<section id="buttons-sizes" class="showcase background-light">
  <div class="l-under">
    <div class="arrow arrow-half arrow-light arrow-top-left">
      <i class="icon-arrow-top-left"></i>
    </div>
    <div class="arrow arrow-half arrow-light arrow-top-right">
      <i class="icon-arrow-top-right"></i>
    </div>
  </div>

  <div class="l-over showcase-content">
    <h3 class="showcase-title l-center">Shapes &amp; Sizes</h3>
    <h4 class="showcase-sub-title l-center">Choose from a variety of shapes and sizes.</h4>

<div class="showcase-examples l-center">
<a href="http://unicorn-ui.com/" class="button button-tiny">Go</a>
<a href="http://unicorn-ui.com/" class="button button-rounded button-tiny">Go</a>
<a href="http://unicorn-ui.com/" class="button button-pill button-tiny">Go</a>
<button class="button button-square button-tiny"><i class="fa fa-plus"></i></button>
<button class="button button-box button-tiny"><i class="fa fa-plus"></i></button>
<button class="button button-circle button-tiny"><i class="fa fa-plus"></i></button>
<br/>
<a href="http://unicorn-ui.com/" class="button button-primary button-small">Go</a>
<a href="http://unicorn-ui.com/" class="button button-primary button-rounded button-small">Go</a>
<a href="http://unicorn-ui.com/" class="button button-primary button-pill button-small">Go</a>
<button class="button button-primary button-square button-small"><i class="fa fa-plus"></i></button>
<button class="button button-primary button-box button-small"><i class="fa fa-plus"></i></button>
<button class="button button-primary button-circle button-small"><i class="fa fa-plus"></i></button>
<br/>
<a href="http://unicorn-ui.com/" class="button button-action">Go</a>
<a href="http://unicorn-ui.com/" class="button button-action button-rounded">Go</a>
<a href="http://unicorn-ui.com/" class="button button-action button-pill">Go</a>
<button class="button button-action button-square"><i class="fa fa-plus"></i></button>
<button class="button button-action button-box"><i class="fa fa-plus"></i></button>
<button class="button button-action button-circle"><i class="fa fa-plus"></i></button>
<br/>
<a href="http://unicorn-ui.com/" class="button button-highlight button-large">Go</a>
<a href="http://unicorn-ui.com/" class="button button-highlight button-rounded button-large">Go</a>
<a href="http://unicorn-ui.com/" class="button button-highlight button-pill button-large">Go</a>
<button class="button button-highlight button-square button-large"><i class="fa fa-plus"></i></button>
<button class="button button-highlight button-box button-large"><i class="fa fa-plus"></i></button>
<button class="button button-highlight button-circle button-large"><i class="fa fa-plus"></i></button>
<br/>
<a href="http://unicorn-ui.com/" class="button button-caution button-jumbo">Go</a>
<a href="http://unicorn-ui.com/" class="button button-caution button-rounded button-jumbo">Go</a>
<a href="http://unicorn-ui.com/" class="button button-caution button-pill button-jumbo">Go</a>
<button class="button button-caution button-square button-jumbo"><i class="fa fa-plus"></i></button>
<button class="button button-caution button-box button-jumbo"><i class="fa fa-plus"></i></button>
<button class="button button-caution button-circle button-jumbo"><i class="fa fa-plus"></i></button>
<br/>
<a href="http://unicorn-ui.com/" class="button button-royal button-giant">Go</a>
<a href="http://unicorn-ui.com/" class="button button-royal button-rounded button-giant">Go</a>
<a href="http://unicorn-ui.com/" class="button button-royal button-pill button-giant">Go</a>
<button class="button button-royal button-square button-giant"><i class="fa fa-plus"></i></button>
<button class="button button-royal button-box button-giant"><i class="fa fa-plus"></i></button>
<button class="button button-royal button-circle button-giant"><i class="fa fa-plus"></i></button></div>

  </div>
</section>